<template>
	<view class="Global">
		<!-- 背景图片铺满 -->
		<!-- <image class="imagepage" src="/static/background@2x.png" mode=""></image> -->
		<bgImage></bgImage>
		<MyNav :title="title" bgColor="" :backIcon="isback"></MyNav>



	<view class="content">

		<view class="contentItem" v-for="(item,index) in dataList">

			<view class="contentTop">
				<view class="contentTopLeft">
					<text class="contentTopLeftTop">{{item.title}}</text>

				</view>

				<view class="contentTopRight">

						<text class="contentTopLeftTop">{{item.value}}</text>

				</view>
			</view>

		</view>

	</view>


	</view>
</template>

<script>
	import MyNav from '@/components/customnavbar.vue'
	import bgImage from '@/components/backgroundImage.vue'


	export default {
		components: {
			MyNav,
			bgImage,


		},

		data() {
			return {
				title: '个人信息',
				isback: true,
				login:'确定',

				dataList: [{
						title: '姓名',
						value: '123'
					},
					{
						title: '联系电话',
						value: '123'
					},
					{
						title: '所属工厂',
						value: '123'
					},
					{
						title: '所属部门',
						value: '123'
					}
				],
        userInfo: {},
			}
		},
    onLoad(){
      this.userInfo=uni.getStorageSync('userInfo')
      this.dataList.forEach(item=>{
        if(item.title=='姓名'){
          item.value = this.userInfo.nickName
        }
        if(item.title=='联系电话'){
          item.value = this.userInfo.phonenumber
        }
        if(item.title=='所属工厂'){
          item.value = this.userInfo.storeName
        }
        if(item.title=='所属部门'){
          item.value = this.userInfo.dept.deptName
        }
      })
    },
		methods: {

		}
	}
</script>

<style>
	.contentTopRightImg {
		width: 16rpx;
		height: 9rpx;
		margin-left: 10rpx;
		margin-right: 30rpx;
	}

	.contentTopRightText {
		display: flex;
		font-family: HarmonyOS Sans SC;
		font-weight: 400;
		font-size: 28rpx;
		color: #666666;
		line-height: 120rpx;
	}

	.contentTopRight {
		display: flex;
		justify-content: center;
		align-items: center;

	}

	.contentRightInputPlace {

		font-size: 28rpx;
	}

	.contentRightInput {

		display: flex;
		width: 100rpx;
	}

	.contentTopLeftBottom {
		display: flex;

		color: #FF7D58;
	}

	.contentTopLeftTop {
		display: flex;

		font-family: HarmonyOS Sans SC;
		font-weight: 400;
		font-size: 28rpx;
		color: #333333;
		line-height: 120rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
	}

	.contentTopLeft {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.contentTop {
		height: 120rpx;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: #EEEEEE 1rpx solid;


	}

	.contentTop1 {
		height: 120rpx;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;



	}

	.contentItem {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;

	}

	.content {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		width: 690rpx;
		margin-top: 30rpx;
		background: #FFFFFF;
		border-radius: 30rpx;
	}
</style>
